<template>
    <div class="container">
        <nav>
            <router-link exact to="/">添加商品</router-link>|
            <router-link to="/goodsList">商品列表</router-link>|
            <router-link to="/cartList">我的购物车</router-link>
        </nav>
        <router-view/>
    </div>
</template>

<script>
export default {
    name: "Index"
}
</script>

<style scoped>
    .container{
        text-align: center;
    }
    .container nav a{
        margin:10px;
        color:skyblue;
    }
    .container nav a.active{
        color:red;
    }
</style>